<template>
	<!-- <themeTitleVue title="房源情况" tip="更多" @jump='jumpHandle'></themeTitleVue> -->
	<view class="case_box">
		<themeTitleVue title="房源情况" tip="更多" @jump='jumpHandle'></themeTitleVue>
		<view class="case_list">
			<block v-for="(item,index) in list" :key="index">
				<image :src="item.url" mode="aspectFill" class="case_photo" v-if="index<3 && item.imageType == 'image'"></image>
				<video :src="item.url" class="case_photo" v-if="index<3 && item.imageType == 'video'"></video>
			</block>
		</view>
	</view>
</template>

<script setup>
	import themeTitleVue from './themeTitle.vue';
	const porps = defineProps({
		
		list:{type:Array,default:()=>[]},
	})
	const emit = defineEmits(['jump']);
	const jumpHandle = ()=>{
		emit('jump',2)
		console.log('hahahh-------','触发了');
	}
</script>

<style lang="less" scoped>
	.case_box {
		margin-top: 16rpx;
		background: #ffffff;
		padding: 30rpx;
	
		.case_list {
			// display: flex;
			// justify-content: space-around;
			margin-top: 24rpx;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 16rpx;
	
			.case_photo {
				width: 220rpx;
				height: 220rpx;
				// width: 33%;
			}
		}
	
	}
</style>